<?php if (!defined('THINK_PATH')) exit();?><!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/thinkphp2/Public/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/thinkphp2/Public/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="/thinkphp2/Public/static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/thinkphp2/Public/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="/thinkphp2/Public/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="/thinkphp2/Public/static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="/thinkphp2/Public/static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="/thinkphp2/Public/lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>新增问题 - 问题管理 - H-ui.admin 3.0</title>
    <meta name="keywords" content="H-ui.admin 3.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="H-ui.admin 3.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
    <style type="text/css">
        .hidden{
            display: none;
        }
        .show{
            display: block;
        }
    </style>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-article-add">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>工务段：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select name="worksection" class="select">
                    <?php if(is_array($sections)): foreach($sections as $key=>$vo): if($edit == 1): $selected=$vo['sec_id']==$issue['sec_id']?"selected":""; endif; ?>
                        <option value="<?php echo ($vo["sec_id"]); ?>" <?php echo ($selected); ?>><?php echo ($vo["sec_name"]); ?></option><?php endforeach; endif; ?>
                </select>
				</span>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>问题分类：</label>
            <?php if($edit == 1): ?><div class="formControls col-xs-8 col-sm-9" id="issuetype_layer">
                    <?php if(is_array($issuetypes)): foreach($issuetypes as $key=>$vo): if($vo["issuetype_id"] == $issue['issuetype_id']): ?><div style="display: inline-block;padding-right: 20px;">
                                <input type="radio" name="issuetype"  id="issuetype_<?php echo ($vo["issuetype_id"]); ?>" data-type="<?php echo ($vo["issuetype_id"]); ?>" checked="checked" >
                                <label for="issuetype_<?php echo ($vo["issuetype_id"]); ?>"><?php echo ($vo["issuetype_name"]); ?></label>
                            </div>
                            <?php else: ?>
                            <div style="display: inline-block;padding-right: 20px;">
                                <input type="radio" name="issuetype"  id="issuetype_<?php echo ($vo["issuetype_id"]); ?>" data-type="<?php echo ($vo["issuetype_id"]); ?>">
                                <label for="issuetype_<?php echo ($vo["issuetype_id"]); ?>"><?php echo ($vo["issuetype_name"]); ?></label>
                            </div><?php endif; endforeach; endif; ?>
                </div>
                <?php else: ?>
                <div class="formControls col-xs-8 col-sm-9" id="issuetype_layer">
                    <?php if(is_array($issuetypes)): foreach($issuetypes as $key=>$vo): if($vo["issuetype_id"] == 2): ?><div style="display: inline-block;padding-right: 20px;">
                                <input type="radio" name="issuetype"  id="issuetype_<?php echo ($vo["issuetype_id"]); ?>" data-type="<?php echo ($vo["issuetype_id"]); ?>">
                                <label for="issuetype_<?php echo ($vo["issuetype_id"]); ?>"><?php echo ($vo["issuetype_name"]); ?></label>
                            </div>
                            <?php else: ?>
                            <div style="display: inline-block;padding-right: 20px;">
                                <input type="radio" name="issuetype"  id="issuetype_<?php echo ($vo["issuetype_id"]); ?>" checked="checked" data-type="<?php echo ($vo["issuetype_id"]); ?>">
                                <label for="issuetype_<?php echo ($vo["issuetype_id"]); ?>"><?php echo ($vo["issuetype_name"]); ?></label>
                            </div><?php endif; endforeach; endif; ?>
                </div><?php endif; ?>
        </div>

        <!--<?php if($issue['issuetype_id'] == 3): ?>-->
            <!--<div id="personality" style="display: block;">-->
                <!--<?php else: ?>-->
                <!--<div id="personality" style="display: none;">-->
        <!--<?php endif; ?>-->
        <div id="personality" style="display: block;">
            <div class="row cl" >
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>科室：</label>
                <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select name="department" class="select">
                    <?php if(is_array($deps)): foreach($deps as $key=>$vo): if($edit == 1): $selected=$vo['dep_id']==$issue['dep_id']?"selected":""; endif; ?>
                        <option value="<?php echo ($vo["dep_id"]); ?>" <?php echo ($selected); ?>><?php echo ($vo["dep_name"]); ?></option><?php endforeach; endif; ?>
                </select>
				</span></div>
            </div>

            <?php if($issue['issuetype_id'] == 2): ?><div id="common" class="show">
                    <?php else: ?>
                    <div id="common" class="hidden"><?php endif; ?>

                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>班组：</label>
                    <div class="formControls col-xs-8 col-sm-9" id="common-team-layer">
                        <div style="display: inline-block;padding-right: 20px;">
                            <?php $checkall = $checked_all ? "checked=\"checked\"": ""; ?>
                            <input type="checkbox" name=""  id="checkbot_all" <?php echo ($checkall); ?>>
                            <label for="checkbot_all"  >全部</label>
                        </div>
                        <?php if($edit == 1): if(is_array($teams)): foreach($teams as $key=>$vo): ?><div style="display: inline-block;padding-right: 20px;">
                                    <?php $checked=array_key_exists($vo['team_id'] , $issue['team_ids'])? "checked=\"checked\"": ""; ?>
                                    <input type="checkbox" name="team_ids"  id="team_<?php echo ($vo["team_id"]); ?>" data-teamid="<?php echo ($vo["team_id"]); ?>" <?php echo ($checked); ?>>
                                    <label for="team_<?php echo ($vo["team_id"]); ?>" ><?php echo ($vo["team_name"]); ?></label>
                                </div><?php endforeach; endif; ?>
                            <?php else: ?>
                            <?php if(is_array($teams)): foreach($teams as $key=>$vo): ?><div style="display: inline-block;padding-right: 20px;">
                                    <input type="checkbox" name="team_ids"  id="team_<?php echo ($vo["team_id"]); ?>" data-teamid="<?php echo ($vo["team_id"]); ?>">
                                    <label for="team_<?php echo ($vo["team_id"]); ?>" ><?php echo ($vo["team_name"]); ?></label>
                                </div><?php endforeach; endif; endif; ?>

                    </div>
                </div>
            </div>

            <?php if(empty($issue)): ?><div class="row cl" id="personality_team_layer" style="display: block">
                <?php else: ?>
                    <?php if($issue['issuetype_id'] == 3): ?><div class="row cl" id="personality_team_layer" style="display: block">
                            <?php else: ?>
                            <div class="row cl" id="personality_team_layer" style="display: none"><?php endif; endif; ?>

                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>班组：</label>

                <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select name="team" class="select">
                    <?php if(is_array($teams)): foreach($teams as $key=>$vo): if($edit == 1): $selected=$vo['team_id']==$issue['team_id']?"selected":""; endif; ?>
                        <option value="<?php echo ($vo["team_id"]); ?>" <?php echo ($selected); ?>><?php echo ($vo["team_name"]); ?></option><?php endforeach; endif; ?>
                </select>
				</span></div>
            </div>

        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>日期：</label>

            <div class="formControls col-xs-8 col-sm-9">
                <?php if($edit == 1): ?><input type="text" value='<?php echo (date("Y-m-d",$issue["time"])); ?>'
                           onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd',maxDate:'#F{ $dp.$D(\'commentdatemax\')||\'%y-%M-%d\'}' })"
                           id="commentdatemin" name="commentdatemin" class="input-text Wdate" required="required">
                    <?php else: ?>
                    <input type="text"  value=""
                           onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd',maxDate:'#F{ $dp.$D(\'commentdatemax\')||\'%y-%M-%d\'}' })"
                           id="commentdatemin" name="commentdatemin" class="input-text Wdate" required="required"><?php endif; ?>

            </div>
        </div>
        <div class="row cl" style="display: none;">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>日期：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text"
                       onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd',minDate:'#F{  $dp.$D(\'commentdatemin\')}' })"
                       id="commentdatemax" name="commentdatemax" class="input-text Wdate">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>问题内容：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <script id="editor" type="text/plain" style="width:100%;height:400px;"></script>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <button id="submitBt" class="btn btn-primary radius" type="submit"><i
                        class="Hui-iconfont">&#xe632;</i> 保存并提交审核
                </button>
                <!--<button id="saveArticleBt" class="btn btn-secondary radius" type="button"><i-->
                        <!--class="Hui-iconfont">&#xe632;</i> 保存草稿-->
                <!--</button>-->
                <!--<button id="getArticleBt" class="btn btn-secondary radius" type="button"><i-->
                        <!--class="Hui-iconfont">&#xe632;</i> 获取草稿-->
                <!--</button>-->
                <!--<button id="clearArticleBt" class="btn btn-secondary radius" type="button"><i-->
                        <!--class="Hui-iconfont">&#xe632;</i> 清空草稿-->
                <!--</button>-->
                <button id="issue-cancel" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/thinkphp2/Public/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/thinkphp2/Public/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/lib/ueditor/1.4.3/ueditor.all.min.js"></script>
<script type="text/javascript" src="/thinkphp2/Public/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
    $(function () {

        $("#issuetype_layer").delegate("input[name='issuetype']","change",function(){
            console.log($(this).attr("id"));
            if($(this).is(":checked")){
                var id = $(this).attr("id");
                if("issuetype_2" == id){
                    $("#common").removeClass("hidden");
                    $("#common").addClass("show")
                    $("#personality_team_layer").hide();
                } else {
                    $("#common").removeClass("show");
                    $("#common").addClass("hidden");
                    <?php if($edit != 1): ?>$("input[name='team_ids']").prop("checked",'');
                            $("#checkbot_all").prop("checked",'');<?php endif; ?>
                    $("#personality_team_layer").show();
                }
            }
        });

        $("#checkbot_all").change(function(){
            if($(this).is(":checked")){
                console.log("checked");
                $("input[name='team_ids']",$("#common-team-layer")).prop("checked","checked");
            } else {
                console.log("unchekced");
                $("input[name='team_ids']",$("#common-team-layer")).prop("checked","");
            }

        });

        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '40%',
        });
        var ue = UE.getEditor('editor',{
            toolbars: [[
                'fullscreen',
//                'source',
                '|', 'undo', 'redo'
//                'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
//                'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
//                'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
//                'directionalityltr', 'directionalityrtl', 'indent', '|',
//                'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
//                'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
//                'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'gmap', 'insertframe', 'insertcode', 'webapp', 'pagebreak', 'template', 'background', '|',
//                'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
//                'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
//                'print', 'preview', 'searchreplace', 'help', 'drafts'
            ]]
        });

        ue.addListener('ready',function(){
            <?php if($edit == 1): ?>ue.execCommand('insertHtml', '<?php echo ($issue["html"]); ?>');<?php endif; ?>
        });



        $("#saveArticleBt").on("click", function () {
            console.log(ue.getContent());
            console.log(ue.getPlainTxt());
        });

        $("#getArticleBt").on('click', function () {
            var content = ue.execCommand("getlocaldata");
            console.log(content);
        });

        $("#clearArticleBt").on('click', function () {
            ue.execCommand("clearlocaldata");
        });


        $("#issue-cancel").on("click", function () {
            parent.location.reload();
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        });

        $("#submitBt1").on('click', function () {
            var work_section=$("select[name='worksection']").val();
            var depart = $("select[name='department']").val();
            var team = $("select[name='team']").val();
            var time = $("input[name='commentdatemin']").val();
            var content = ue.getContent();
            var text = ue.getContentTxt();
            var _text = ue.getPlainTxt();
            var json = {};
            json['sec_id'] = work_section;
            json['dep_id'] = depart;
            json['team'] = team;
            json['time'] = time;
            json['content'] = content;
            json['text'] = text;
            json['_text'] = _text;
            console.log(json);
        });


        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        //表单验证
        $("#form-article-add").validate({
            submitHandler: function () {
                var work_section=$("select[name='worksection']").val();
                var depart = $("select[name='department']").val();
                var team = $("select[name='team']").val();
                var time = $("input[name='commentdatemin']").val();
                var content = ue.getContent();
                var _text = ue.getContentTxt();
                var text = ue.getPlainTxt();
                var issuetype = $("input[name='issuetype']:checked").data("type");
                var team_ids = [];
                $.each($("input[name='team_ids']:checked"),function(key, value){
                    team_ids.push($(value).data("teamid"));
                });
                var json = {};
                json['sec_id'] = work_section;
                json['dep_id'] = depart;
                json['team_id'] = team;
                json['time'] = time;
                json['html'] = content;
                json['_text'] = _text;
                json['text'] = text;
                json['issuetype_id'] = issuetype;
                json['team_ids'] = team_ids.join(",");

                <?php if($edit == 1): ?>json['id'] = "<?php echo ($issue["id"]); ?>";<?php endif; ?>
                if(issuetype == 2){
                    if(team_ids.length == 0){
                        layer.alert('请选择班组！', {icon: 5});
                        return;
                    }
                }
                if(!_text || _text == '请输入问题内容!'){
                    layer.alert('请输入问题内容！', {icon: 5});
                    return;
                }

                $.ajax({
                    type:"POST",
                    url: "/thinkphp2/Index/Issue/issue_post",
                    dataType:"JSON",
                    contentType:"application/json",
                    data:JSON.stringify(json),
                    success:function(data){
                        if(data['status'] == 0){
                            layer.msg('添加成功!', {icon: 1, time: 1000},function(){
                                parent.location.reload();
                                var index = parent.layer.getFrameIndex(window.name);
                                parent.layer.close(index);
                            });
                        }
                        console.log(data);
                    },
                    error:function(){
                        console.log("error occurs")
                    }
                });

            }
        });

        $list = $("#fileList"),
                $btn = $("#btn-star"),
                state = "pending",
                uploader;

        var uploader = WebUploader.create({
            auto: true,
            swf: '/thinkphp2/Public/lib/webuploader/0.1.5/Uploader.swf',

            // 文件接收服务端。
            server: 'fileupload.php',

            // 选择文件的按钮。可选。
            // 内部根据当前运行是创建，可能是input元素，也可能是flash.
            pick: '#filePicker',

            // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
            resize: false,
            // 只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            }
        });
        uploader.on('fileQueued', function (file) {
            var $li = $(
                            '<div id="' + file.id + '" class="item">' +
                            '<div class="pic-box"><img></div>' +
                            '<div class="info">' + file.name + '</div>' +
                            '<p class="state">等待上传...</p>' +
                            '</div>'
                    ),
                    $img = $li.find('img');
            $list.append($li);

            // 创建缩略图
            // 如果为非图片文件，可以不用调用此方法。
            // thumbnailWidth x thumbnailHeight 为 100 x 100
            uploader.makeThumb(file, function (error, src) {
                if (error) {
                    $img.replaceWith('<span>不能预览</span>');
                    return;
                }

                $img.attr('src', src);
            }, thumbnailWidth, thumbnailHeight);
        });
        // 文件上传过程中创建进度条实时显示。
        uploader.on('uploadProgress', function (file, percentage) {
            var $li = $('#' + file.id),
                    $percent = $li.find('.progress-box .sr-only');

            // 避免重复创建
            if (!$percent.length) {
                $percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo($li).find('.sr-only');
            }
            $li.find(".state").text("上传中");
            $percent.css('width', percentage * 100 + '%');
        });

        // 文件上传成功，给item添加成功class, 用样式标记上传成功。
        uploader.on('uploadSuccess', function (file) {
            $('#' + file.id).addClass('upload-state-success').find(".state").text("已上传");
        });

        // 文件上传失败，显示上传出错。
        uploader.on('uploadError', function (file) {
            $('#' + file.id).addClass('upload-state-error').find(".state").text("上传出错");
        });

        // 完成上传完了，成功或者失败，先删除进度条。
        uploader.on('uploadComplete', function (file) {
            $('#' + file.id).find('.progress-box').fadeOut();
        });
        uploader.on('all', function (type) {
            if (type === 'startUpload') {
                state = 'uploading';
            } else if (type === 'stopUpload') {
                state = 'paused';
            } else if (type === 'uploadFinished') {
                state = 'done';
            }

            if (state === 'uploading') {
                $btn.text('暂停上传');
            } else {
                $btn.text('开始上传');
            }
        });

        $btn.on('click', function () {
            if (state === 'uploading') {
                uploader.stop();
            } else {
                uploader.upload();
            }
        });


    });
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>